import Vue from "vue";


import app from './App.vue'

//1.导入 vue-router 包
import VueRouter from "vue-router"

//2.手动安装 VueRouter
Vue.use(VueRouter)

//3.创建路由对象
import router from './router.js'



var vm = new Vue({
    el: "#app",
    data : {
       msg: 123
    },
    methods: {},
    render: c=>c(app), // render 函数会把 el 指定的容器中所有的内容清空覆盖，所以不要把 路由的 router-link 和 router-view 直接写到 el所控制的元素中去。
    router // 4. 将路由对象挂载到 vm 上

})

/**
 * 注意： 
 * App这个组件，是通过VM实例的render函数渲染出来的，render函数渲染出来的组件，只能放到 el: '#app' 所指定的元素中。
 * 
 * Account和GoodsList组件是通过 路由匹配监听到的，所以这两个组件，只能展示到 属于路由的 router-view 中。
 * 
 */